<style>
  .flex {
    display: flex;
  }
  .justify-center {
    justify-content: center;
  }
  .align-center {
    align-items: center;
  }
  .pr-2 {
    padding-right: 2px;
  }
  .pd-5 {
    padding: 5px;
  }
  .pd-4 {
    padding: 4px;
  }
  .pd-3 {
    padding: 3px;
  }
  .pd-2 {
    padding: 2px;
  }
  .pd-1 {
    padding: 1px;
  }
  .flex-column {
    flex-direction: column;
  }
  .border-bottom {
    border-bottom: 1px solid #ccc;
  }
  .fixed {
    position: fixed;
    bottom: 100px;
    right: 100px;
  }
  .w-50 {
    width: 50px;
  }
  .w-60 {
    width: 60px;
  }
  .w-70 {
    width: 70px;
  }
  .w-80 {
    width: 80px;
  }
  .w-100 {
    width: 100px;
  }
  .h-100 {
    height: 100px;
  }
  .border-circle {
    border-radius: 50%;
  }
  .text-center {
    text-align: center;
  }
  .font-size-16 {
    font-size: 16px;
  }
  .font-size-12 {
    font-size: 12px;
  }
  .bold {
    font-weight: bold;
  }
  .color-brown {
    color: brown;
  }
</style>
<div id="app">
  <div>
    <div
      v-for="mobile in mobiles"
      :key="mobile.mobile"
      class="flex border-bottom pr-2"
    >
      <div class="flex flex-column justify-center pr-2 font-size-12">
        <div>
          <span>{{mobile.mobile}}</span>
        </div>
        <div class="text-center color-brown pd-5">
          <span>{{mobile.money||0}}</span>
        </div>
      </div>
      <div
        v-for="app in apps"
        :key="app.appName"
        class="flex flex-column justify-center pr-2"
      >
        <div class="text-center border-bottom">
          <span class="font-size-16 bold">{{app.appName}}</span>
        </div>
        <div
          v-for="action in app.actions"
          :key="action.actionName"
          class="pd-1"
        >
          <div class="flex justify-center">
            <span class="w-60 text-center font-size-12 bold">
              {{action.actionName}}</span
            >
            <input
              v-if="action.type=='checkbox'"
              type="checkbox"
              v-model="mobile['appValues'][app.appName +'_'+ action.actionName]"
              @change="sum"
            />
            <input
              type="text"
              v-else
              class="w-50"
              v-model="mobile['appValues'][app.appName +'_'+ action.actionName]"
              @input="sum"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="fixed pd-5 color-brown"
    style="border: 1px solid #ccc; border-radius: 5px"
  >
    <div>
      <div class="flex justify-center pd-5">
        <span>今日赚钱：</span>
        <span>{{total}}</span>
      </div>
      <div class="flex justify-center pd-5">
        <span>app数量：</span>
        <span> {{apps.length}} </span>
      </div>
    </div>
    <div>
      <button class="w-100 h-100 border-circle" @click="save">save</button>
      <button class="w-100 h-100 border-circle" @click="sum">sum</button>
    </div>
  </div>
</div>
<script src="./vue.js"></script>
<script>
  const DAY = "2024-03-21";
  const MOBILES_KEY = DAY + "activity_mobiles";
  const APPS_KEY = DAY + "activity_apps";
  new Vue({
    el: "#app",
    computed: {
      total() {
        let sum = 0;
        this.mobiles.forEach((item) => {
          sum += Number(item.money || 0);
        });
        return sum.toFixed(2);
      },
    },
    data: {
      mobiles: [
        {
          mobile: "18762750392",
          appValues: {
            番茄小说_新人福利: false,
            番茄小说_抽奖: true,
            番茄小说_签到: true,
            番茄小说_早餐: true,
            番茄小说_午餐: true,
            番茄小说_晚餐: true,
            番茄小说_夜宵: true,
            番茄小说_我睡醒了: true,
            番茄小说_我要睡了: true,
            番茄小说_今日金币: "8294",
            番茄畅听_新人福利: false,
            番茄畅听_抽奖: true,
            番茄畅听_签到: true,
            番茄畅听_早餐: true,
            番茄畅听_午餐: true,
            番茄畅听_晚餐: true,
            番茄畅听_夜宵: true,
            番茄畅听_我睡醒了: true,
            番茄畅听_我要睡了: true,
            番茄畅听_今日金币: "10950",
            番茄音乐_新人福利: false,
            番茄音乐_抽奖: true,
            番茄音乐_签到: true,
            番茄音乐_早餐: true,
            番茄音乐_午餐: true,
            番茄音乐_晚餐: true,
            番茄音乐_夜宵: true,
            番茄音乐_我睡醒了: true,
            番茄音乐_我要睡了: true,
            番茄音乐_今日金币: "7582",
            今日头条_新人福利: false,
            今日头条_签到: true,
            今日头条_早餐: true,
            今日头条_午餐: true,
            今日头条_晚餐: true,
            今日头条_夜宵: true,
            今日头条_我睡醒了: true,
            今日头条_我要睡了: true,
            今日头条_走路赚钱: true,
            今日头条_今日金币: "6000",
            闪电搜索_新人福利: false,
            闪电搜索_签到: false,
            闪电搜索_早餐: false,
            闪电搜索_午餐: false,
            闪电搜索_晚餐: false,
            闪电搜索_夜宵: false,
            闪电搜索_我睡醒了: false,
            闪电搜索_我要睡了: false,
            闪电搜索_走路赚钱: false,
            闪电搜索_今日金币: "",
            有柿_新人福利: false,
            有柿_签到: true,
            有柿_早餐: true,
            有柿_午餐: true,
            有柿_晚餐: true,
            有柿_夜宵: true,
            有柿_我睡醒了: true,
            有柿_我要睡了: true,
            有柿_走路赚钱: true,
            有柿_今日金币: "1995",
            头条搜索_新人福利: false,
            头条搜索_签到: true,
            头条搜索_早餐: true,
            头条搜索_午餐: true,
            头条搜索_晚餐: true,
            头条搜索_夜宵: true,
            头条搜索_我睡醒了: true,
            头条搜索_我要睡了: true,
            头条搜索_走路赚钱: true,
            头条搜索_今日金币: "5122",
            西瓜视频_签到: false,
            西瓜视频_开宝箱: "",
            西瓜视频_今日金币: "490",
            抖音极速_签到: false,
            抖音极速_开宝箱: "",
            抖音极速_今日金币: "5000",
            抖音_签到: false,
            抖音_开宝箱: "",
            抖音_今日金币: "",
            快手极速_立即领取: false,
            快手极速_开宝箱: "",
            快手极速_今日金币: "1500",
            百度极速_看广告: false,
            百度极速_开宝箱: "",
            百度极速_今日金币: "2400",
            百度畅听_看广告: false,
            百度畅听_开宝箱: "",
            百度畅听_今日金币: "3000",
          },
          money: "2.42",
        },
        {
          mobile: "13193037083",
          appValues: {
            番茄小说_新人福利: false,
            番茄小说_抽奖: true,
            番茄小说_签到: true,
            番茄小说_早餐: false,
            番茄小说_午餐: false,
            番茄小说_晚餐: true,
            番茄小说_夜宵: true,
            番茄小说_我睡醒了: true,
            番茄小说_我要睡了: true,
            番茄小说_今日金币: "15395",
            番茄畅听_新人福利: false,
            番茄畅听_抽奖: true,
            番茄畅听_签到: true,
            番茄畅听_早餐: false,
            番茄畅听_午餐: false,
            番茄畅听_晚餐: true,
            番茄畅听_夜宵: true,
            番茄畅听_我睡醒了: true,
            番茄畅听_我要睡了: true,
            番茄畅听_今日金币: "11908",
            番茄音乐_新人福利: false,
            番茄音乐_抽奖: true,
            番茄音乐_签到: true,
            番茄音乐_早餐: true,
            番茄音乐_午餐: true,
            番茄音乐_晚餐: true,
            番茄音乐_夜宵: true,
            番茄音乐_我睡醒了: true,
            番茄音乐_我要睡了: true,
            番茄音乐_今日金币: "12138",
            今日头条_新人福利: false,
            今日头条_签到: false,
            今日头条_早餐: false,
            今日头条_午餐: false,
            今日头条_晚餐: false,
            今日头条_夜宵: false,
            今日头条_我睡醒了: false,
            今日头条_我要睡了: false,
            今日头条_走路赚钱: false,
            今日头条_今日金币: "",
            闪电搜索_新人福利: false,
            闪电搜索_签到: false,
            闪电搜索_早餐: false,
            闪电搜索_午餐: false,
            闪电搜索_晚餐: false,
            闪电搜索_夜宵: false,
            闪电搜索_我睡醒了: false,
            闪电搜索_我要睡了: false,
            闪电搜索_走路赚钱: false,
            闪电搜索_今日金币: "",
            有柿_新人福利: false,
            有柿_签到: false,
            有柿_早餐: false,
            有柿_午餐: false,
            有柿_晚餐: false,
            有柿_夜宵: false,
            有柿_我睡醒了: false,
            有柿_我要睡了: false,
            有柿_走路赚钱: false,
            有柿_今日金币: "",
            头条搜索_新人福利: false,
            头条搜索_签到: true,
            头条搜索_早餐: true,
            头条搜索_午餐: true,
            头条搜索_晚餐: true,
            头条搜索_夜宵: true,
            头条搜索_我睡醒了: true,
            头条搜索_我要睡了: true,
            头条搜索_走路赚钱: true,
            头条搜索_今日金币: "8433",
            西瓜视频_签到: false,
            西瓜视频_开宝箱: "",
            西瓜视频_今日金币: "459",
            抖音极速_签到: false,
            抖音极速_开宝箱: "",
            抖音极速_今日金币: "",
            抖音_签到: false,
            抖音_开宝箱: "",
            抖音_今日金币: "3000",
            快手极速_立即领取: false,
            快手极速_开宝箱: "",
            快手极速_今日金币: "4000",
            百度极速_看广告: false,
            百度极速_开宝箱: "",
            百度极速_今日金币: "11296",
            百度畅听_看广告: false,
            百度畅听_开宝箱: "",
            百度畅听_今日金币: "",
          },
          money: "3.29",
        },
        {
          mobile: "17764297074",
          appValues: {
            番茄小说_新人福利: true,
            番茄小说_抽奖: true,
            番茄小说_签到: false,
            番茄小说_早餐: false,
            番茄小说_午餐: false,
            番茄小说_晚餐: false,
            番茄小说_夜宵: false,
            番茄小说_我睡醒了: true,
            番茄小说_我要睡了: false,
            番茄小说_今日金币: "13347",
            番茄畅听_新人福利: true,
            番茄畅听_抽奖: true,
            番茄畅听_签到: false,
            番茄畅听_早餐: false,
            番茄畅听_午餐: false,
            番茄畅听_晚餐: false,
            番茄畅听_夜宵: false,
            番茄畅听_我睡醒了: true,
            番茄畅听_我要睡了: false,
            番茄畅听_今日金币: "18216",
            番茄音乐_新人福利: true,
            番茄音乐_抽奖: true,
            番茄音乐_签到: true,
            番茄音乐_早餐: true,
            番茄音乐_午餐: true,
            番茄音乐_晚餐: true,
            番茄音乐_夜宵: true,
            番茄音乐_我睡醒了: true,
            番茄音乐_我要睡了: true,
            番茄音乐_今日金币: "11554",
            今日头条_新人福利: false,
            今日头条_签到: true,
            今日头条_早餐: true,
            今日头条_午餐: true,
            今日头条_晚餐: true,
            今日头条_夜宵: true,
            今日头条_我睡醒了: true,
            今日头条_我要睡了: true,
            今日头条_走路赚钱: true,
            今日头条_今日金币: "4245",
            闪电搜索_新人福利: false,
            闪电搜索_签到: true,
            闪电搜索_早餐: true,
            闪电搜索_午餐: true,
            闪电搜索_晚餐: true,
            闪电搜索_夜宵: true,
            闪电搜索_我睡醒了: true,
            闪电搜索_我要睡了: true,
            闪电搜索_走路赚钱: true,
            闪电搜索_今日金币: "4528",
            有柿_新人福利: false,
            有柿_签到: false,
            有柿_早餐: false,
            有柿_午餐: false,
            有柿_晚餐: false,
            有柿_夜宵: false,
            有柿_我睡醒了: false,
            有柿_我要睡了: false,
            有柿_走路赚钱: false,
            有柿_今日金币: "",
            头条搜索_新人福利: false,
            头条搜索_签到: true,
            头条搜索_早餐: true,
            头条搜索_午餐: true,
            头条搜索_晚餐: true,
            头条搜索_夜宵: true,
            头条搜索_我睡醒了: true,
            头条搜索_我要睡了: true,
            头条搜索_走路赚钱: true,
            头条搜索_今日金币: "8068",
            西瓜视频_签到: false,
            西瓜视频_开宝箱: "",
            西瓜视频_今日金币: "74",
            抖音极速_签到: false,
            抖音极速_开宝箱: "",
            抖音极速_今日金币: "1500",
            抖音_签到: false,
            抖音_开宝箱: "",
            抖音_今日金币: "1500",
            快手极速_立即领取: false,
            快手极速_开宝箱: "",
            快手极速_今日金币: "9254",
            百度极速_看广告: false,
            百度极速_开宝箱: "",
            百度极速_今日金币: "12019",
            百度畅听_看广告: false,
            百度畅听_开宝箱: "",
            百度畅听_今日金币: "3000",
          },
          money: "4.55",
        },
        {
          mobile: "14751017521",
          appValues: {
            番茄小说_新人福利: false,
            番茄小说_抽奖: true,
            番茄小说_签到: true,
            番茄小说_早餐: true,
            番茄小说_午餐: true,
            番茄小说_晚餐: true,
            番茄小说_夜宵: true,
            番茄小说_我睡醒了: true,
            番茄小说_我要睡了: true,
            番茄小说_今日金币: "17813",
            番茄畅听_新人福利: true,
            番茄畅听_抽奖: true,
            番茄畅听_签到: true,
            番茄畅听_早餐: true,
            番茄畅听_午餐: true,
            番茄畅听_晚餐: true,
            番茄畅听_夜宵: true,
            番茄畅听_我睡醒了: true,
            番茄畅听_我要睡了: true,
            番茄畅听_今日金币: "25141",
            番茄音乐_新人福利: true,
            番茄音乐_抽奖: true,
            番茄音乐_签到: true,
            番茄音乐_早餐: true,
            番茄音乐_午餐: true,
            番茄音乐_晚餐: true,
            番茄音乐_夜宵: true,
            番茄音乐_我睡醒了: true,
            番茄音乐_我要睡了: true,
            番茄音乐_今日金币: "7794",
            今日头条_新人福利: false,
            今日头条_签到: false,
            今日头条_早餐: false,
            今日头条_午餐: false,
            今日头条_晚餐: false,
            今日头条_夜宵: false,
            今日头条_我睡醒了: false,
            今日头条_我要睡了: false,
            今日头条_走路赚钱: false,
            今日头条_今日金币: "4961",
            闪电搜索_新人福利: false,
            闪电搜索_签到: false,
            闪电搜索_早餐: false,
            闪电搜索_午餐: false,
            闪电搜索_晚餐: false,
            闪电搜索_夜宵: false,
            闪电搜索_我睡醒了: false,
            闪电搜索_我要睡了: false,
            闪电搜索_走路赚钱: false,
            闪电搜索_今日金币: "8399",
            有柿_新人福利: false,
            有柿_签到: false,
            有柿_早餐: false,
            有柿_午餐: false,
            有柿_晚餐: false,
            有柿_夜宵: false,
            有柿_我睡醒了: false,
            有柿_我要睡了: false,
            有柿_走路赚钱: false,
            有柿_今日金币: "6611",
            头条搜索_新人福利: false,
            头条搜索_签到: false,
            头条搜索_早餐: false,
            头条搜索_午餐: false,
            头条搜索_晚餐: false,
            头条搜索_夜宵: false,
            头条搜索_我睡醒了: false,
            头条搜索_我要睡了: false,
            头条搜索_走路赚钱: false,
            头条搜索_今日金币: "",
            西瓜视频_签到: false,
            西瓜视频_开宝箱: "",
            西瓜视频_今日金币: "7044",
            抖音极速_签到: false,
            抖音极速_开宝箱: "",
            抖音极速_今日金币: "",
            抖音_签到: false,
            抖音_开宝箱: "",
            抖音_今日金币: "",
            快手极速_立即领取: false,
            快手极速_开宝箱: "",
            快手极速_今日金币: "7900",
            百度极速_看广告: false,
            百度极速_开宝箱: "",
            百度极速_今日金币: "2190",
            百度畅听_看广告: false,
            百度畅听_开宝箱: "",
            百度畅听_今日金币: "3000",
          },
          money: "3.67",
        },
        {
          mobile: "19858302953",
          appValues: {
            番茄小说_新人福利: false,
            番茄小说_抽奖: false,
            番茄小说_签到: false,
            番茄小说_早餐: false,
            番茄小说_午餐: false,
            番茄小说_晚餐: false,
            番茄小说_夜宵: false,
            番茄小说_我睡醒了: false,
            番茄小说_我要睡了: false,
            番茄小说_今日金币: "",
            番茄畅听_新人福利: false,
            番茄畅听_抽奖: false,
            番茄畅听_签到: false,
            番茄畅听_早餐: false,
            番茄畅听_午餐: false,
            番茄畅听_晚餐: false,
            番茄畅听_夜宵: false,
            番茄畅听_我睡醒了: false,
            番茄畅听_我要睡了: false,
            番茄畅听_今日金币: "",
            番茄音乐_新人福利: true,
            番茄音乐_抽奖: true,
            番茄音乐_签到: true,
            番茄音乐_早餐: false,
            番茄音乐_午餐: false,
            番茄音乐_晚餐: true,
            番茄音乐_夜宵: true,
            番茄音乐_我睡醒了: true,
            番茄音乐_我要睡了: true,
            番茄音乐_今日金币: "25393",
            今日头条_新人福利: false,
            今日头条_签到: false,
            今日头条_早餐: false,
            今日头条_午餐: false,
            今日头条_晚餐: false,
            今日头条_夜宵: false,
            今日头条_我睡醒了: false,
            今日头条_我要睡了: false,
            今日头条_走路赚钱: false,
            今日头条_今日金币: "",
            闪电搜索_新人福利: false,
            闪电搜索_签到: true,
            闪电搜索_早餐: false,
            闪电搜索_午餐: false,
            闪电搜索_晚餐: true,
            闪电搜索_夜宵: true,
            闪电搜索_我睡醒了: true,
            闪电搜索_我要睡了: false,
            闪电搜索_走路赚钱: true,
            闪电搜索_今日金币: "8780",
            有柿_新人福利: false,
            有柿_签到: true,
            有柿_早餐: true,
            有柿_午餐: true,
            有柿_晚餐: true,
            有柿_夜宵: true,
            有柿_我睡醒了: true,
            有柿_我要睡了: true,
            有柿_走路赚钱: true,
            有柿_今日金币: "6000",
            头条搜索_新人福利: false,
            头条搜索_签到: false,
            头条搜索_早餐: true,
            头条搜索_午餐: true,
            头条搜索_晚餐: true,
            头条搜索_夜宵: true,
            头条搜索_我睡醒了: true,
            头条搜索_我要睡了: true,
            头条搜索_走路赚钱: true,
            头条搜索_今日金币: "9970",
            西瓜视频_签到: false,
            西瓜视频_开宝箱: "",
            西瓜视频_今日金币: "773",
            抖音极速_签到: true,
            抖音极速_开宝箱: "",
            抖音极速_今日金币: "3500",
            抖音_签到: false,
            抖音_开宝箱: "",
            抖音_今日金币: "",
            快手极速_立即领取: false,
            快手极速_开宝箱: "",
            快手极速_今日金币: "6500",
            百度极速_看广告: false,
            百度极速_开宝箱: "",
            百度极速_今日金币: "20000",
            百度畅听_看广告: false,
            百度畅听_开宝箱: "",
            百度畅听_今日金币: "3000",
          },
          money: "4.84",
        },
        {
          mobile: "18042059337",
          appValues: {
            番茄小说_新人福利: false,
            番茄小说_抽奖: false,
            番茄小说_签到: false,
            番茄小说_早餐: false,
            番茄小说_午餐: false,
            番茄小说_晚餐: false,
            番茄小说_夜宵: false,
            番茄小说_我睡醒了: false,
            番茄小说_我要睡了: false,
            番茄小说_今日金币: "",
            番茄畅听_新人福利: false,
            番茄畅听_抽奖: false,
            番茄畅听_签到: false,
            番茄畅听_早餐: false,
            番茄畅听_午餐: false,
            番茄畅听_晚餐: false,
            番茄畅听_夜宵: false,
            番茄畅听_我睡醒了: false,
            番茄畅听_我要睡了: false,
            番茄畅听_今日金币: "",
            番茄音乐_新人福利: false,
            番茄音乐_抽奖: false,
            番茄音乐_签到: false,
            番茄音乐_早餐: false,
            番茄音乐_午餐: false,
            番茄音乐_晚餐: false,
            番茄音乐_夜宵: false,
            番茄音乐_我睡醒了: false,
            番茄音乐_我要睡了: false,
            番茄音乐_今日金币: "10594",
            今日头条_新人福利: false,
            今日头条_签到: false,
            今日头条_早餐: false,
            今日头条_午餐: false,
            今日头条_晚餐: false,
            今日头条_夜宵: false,
            今日头条_我睡醒了: false,
            今日头条_我要睡了: false,
            今日头条_走路赚钱: false,
            今日头条_今日金币: "",
            闪电搜索_新人福利: false,
            闪电搜索_签到: false,
            闪电搜索_早餐: false,
            闪电搜索_午餐: false,
            闪电搜索_晚餐: false,
            闪电搜索_夜宵: false,
            闪电搜索_我睡醒了: false,
            闪电搜索_我要睡了: false,
            闪电搜索_走路赚钱: false,
            闪电搜索_今日金币: "8134",
            有柿_新人福利: false,
            有柿_签到: false,
            有柿_早餐: false,
            有柿_午餐: false,
            有柿_晚餐: false,
            有柿_夜宵: false,
            有柿_我睡醒了: false,
            有柿_我要睡了: false,
            有柿_走路赚钱: false,
            有柿_今日金币: "3300",
            头条搜索_新人福利: false,
            头条搜索_签到: false,
            头条搜索_早餐: false,
            头条搜索_午餐: false,
            头条搜索_晚餐: false,
            头条搜索_夜宵: false,
            头条搜索_我睡醒了: false,
            头条搜索_我要睡了: false,
            头条搜索_走路赚钱: false,
            头条搜索_今日金币: "",
            西瓜视频_签到: false,
            西瓜视频_开宝箱: "",
            西瓜视频_今日金币: "17304",
            抖音极速_签到: false,
            抖音极速_开宝箱: "",
            抖音极速_今日金币: "",
            抖音_签到: false,
            抖音_开宝箱: "",
            抖音_今日金币: "",
            快手极速_立即领取: false,
            快手极速_开宝箱: "",
            快手极速_今日金币: "",
            百度极速_看广告: false,
            百度极速_开宝箱: "",
            百度极速_今日金币: "17431",
            百度畅听_看广告: false,
            百度畅听_开宝箱: "",
            百度畅听_今日金币: "3000",
          },
          money: "3.23",
        },
      ],
      apps: [
        {
          appName: "番茄小说",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "抽奖", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "番茄畅听",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "抽奖", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "番茄音乐",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "抽奖", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "今日头条",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "走路赚钱", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "闪电搜索",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "走路赚钱", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "有柿",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "走路赚钱", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "头条搜索",
          goldRate: 33000,
          actions: [
            { actionName: "新人福利", value: false, type: "checkbox" },
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "早餐", value: false, type: "checkbox" },
            { actionName: "午餐", value: false, type: "checkbox" },
            { actionName: "晚餐", value: false, type: "checkbox" },
            { actionName: "夜宵", value: false, type: "checkbox" },
            { actionName: "我睡醒了", value: false, type: "checkbox" },
            { actionName: "我要睡了", value: false, type: "checkbox" },
            { actionName: "走路赚钱", value: false, type: "checkbox" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "西瓜视频",
          goldRate: 33000,
          actions: [
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "开宝箱", value: null, type: "number" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "抖音极速",
          goldRate: 10000,
          actions: [
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "开宝箱", value: null, type: "number" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "抖音",
          goldRate: 10000,
          actions: [
            { actionName: "签到", value: false, type: "checkbox" },
            { actionName: "开宝箱", value: null, type: "number" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "快手极速",
          goldRate: 10000,
          actions: [
            { actionName: "立即领取", value: false, type: "checkbox" },
            { actionName: "开宝箱", value: null, type: "number" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "百度极速",
          goldRate: 10000,
          actions: [
            { actionName: "看广告", value: false, type: "checkbox" },
            { actionName: "开宝箱", value: null, type: "number" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
        {
          appName: "百度畅听",
          goldRate: 10000,
          actions: [
            { actionName: "看广告", value: false, type: "checkbox" },
            { actionName: "开宝箱", value: null, type: "number" },
            { actionName: "今日金币", value: null, type: "number" },
          ],
        },
      ],
    },
    mounted() {
      this.apps.forEach((app) => {
        app.actions.forEach((action) => {
          this.mobiles.forEach((mobile) => {
            let initialValue = action.type == "checkbox" ? false : "";
            this.$set(
              mobile.appValues,
              app.appName + "_" + action.actionName,
              initialValue
            );
          });
        });
      });
      let mobiles = this.localStorageGetItem(MOBILES_KEY);
      let apps = this.localStorageGetItem(APPS_KEY);
      if (mobiles) {
        this.mobiles = mobiles;
      }
      if (apps) {
        this.apps = apps;
      }
    },
    methods: {
      save() {
        localStorage.setItem(MOBILES_KEY, JSON.stringify(this.mobiles));
        localStorage.setItem(APPS_KEY, JSON.stringify(this.apps));
      },
      sum() {
        this.mobiles.forEach((mobile) => {
          let sum = 0;
          let appValues = mobile.appValues;
          let keys = Object.keys(appValues);
          keys.forEach((key) => {
            var [appName, actionName] = key.split("_");
            var app = this.apps.find((i) => i.appName == appName);
            var action = app.actions.find((i) => i.actionName == actionName);
            var isGold = actionName == "今日金币";
            if (isGold) {
              var goldRate = app.goldRate;
              sum += Number(appValues[key] || 0) / Number(goldRate);
            }
          });
          this.$set(mobile, "money", sum.toFixed(2));
        });
      },
      localStorageGetItem(key) {
        try {
          return JSON.parse(localStorage.getItem(key));
        } catch (e) {
          return null;
        }
      },
    },
  });
</script>
